function slider(imgs,bannerBox,time){
    //初始化页面数数据
    var num = imgs.length;
    var liWidth = bannerBox.width();
    console.log(liWidth);
    for(var i = 0;i<num;i++){
        var child = $('<li><a href="#"><img src="'+imgs[i].img+'"></a></li>');
        bannerBox.children('ul').append(child);
        var pagerChild = $('<li data-page="'+imgs[i].i+'"></li>');
        bannerBox.children('ol').append(pagerChild);
    }
    bannerBox.children('ul').css({'width':liWidth*num+'px'});
    bannerBox.children('ul').children('li').css({'width':liWidth+'px'});
    //轮播
    var oul = bannerBox.children('ul');
    var ali = bannerBox.children('ul').children('li');
    var numLi = bannerBox.children('ol').children('li');
    var aliWidth = liWidth;
    var _now = 0;
    var _now2 = 0;
    var timer = null;
    numLi.eq(0).addClass('hover').siblings().removeClass();
    numLi.click(function(){
        var index = $(this).index();
        _now=index;
        _now2=index;
        $(this).addClass('hover').siblings().removeClass();
        oul.animate({'left':-index*aliWidth},500);
    });
    function slider(){
        if(_now==numLi.size()-1){
            ali.eq(0).css({'position':'relative','left':oul.width()});
            _now = 0;
        }else{
            _now++;
        }
        _now2++;
        numLi.eq(_now).addClass('hover').siblings().removeClass();
        oul.animate({'left':-_now2*aliWidth},500,function(){
            if(_now==0){
                ali.eq(0).css('position','static');
                oul.css('left','0');
                _now2=0;
            }
        });
    }
    timer = setInterval(slider,time);
    bannerBox.mouseover(function(){
        clearInterval(timer);
    });
    bannerBox.mouseout(function(){
        timer = setInterval(slider,time);
    });
}